/**
 * 滑动插件，拓展于frozen,需要添加frozen.js,frozen.css
 */
(function($) {
	var opts = {
		selector: '', //选择器，与jQuery一致
		data: [], //加载数据集,对象数组,必须包含text,value字段信息
		_eml: '', //隐藏元素信息
		_h: window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight,
		_w: window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth,
		_scrolllist: null
	};
	var scrolllist = function(options) {
			opts = $.extend({}, opts, options); //使用jQuery.extend 覆盖插件默认参数
			this.each(function() { //这里的this 就是 jQuery对象
				//遍历所有的要高亮的dom,当调用 highLight()插件的是一个集合的时候。
				//var $this = $(this); //获取当前dom 的 jQuery对象，这里的this是当前循环的dom				
				var html = [];
				opts.data.forEach(function(val, idx) {
					html.push('<li data-value="' + val.value + '" '+(idx==2?'class="sel"':'')+'>' + val.text + '</li>');
				});
				$('.scrolllist-items').append('<ul>' + html.join('') + '</ul>');
				$('.ui-scroller li').on('click', function(e) {
					var tar = $(e.target);
					alert('选中文本为:' + tar.html() + ',选中值为:' + tar.data('value'));
				});
				//#TODO 选择的时候隐藏掉body的滚动条，选择结束后重新打开

				opts._scrolllist = new fz.Scroll('.ui-scroller', {
					scrollY: true
				});
				console.log(opts._scrolllist.getComputedPosition());
			});
			//return scrolllist;
		}
		/**
		 * 添加样式到HTML头部
		 */
	function addClassText() {

	}
	$.fn.scrolllist = scrolllist;
})(window.jQuery || window.Zepto);